
<div class="circle-item" *ngFor=" let circle of circleList; let i = index " >

  <div class="circle-info seed-flexbox">
    <em class="icon-deit" downloadApp [text]="'编辑圈子信息，请前往App操作!'" *ngIf="circle.createUserId===userId"></em>
    <div class="circle-icon" (click)="goToCirclesDetail(circle)">
      <img  [src]="circle.icon" seed-load-img [defaultImg]="'circle'">
    </div>

    <div class="info-text seed-flexbox-item seed-flexbox" (click)="goToCirclesDetail(circle)" >
        <span class="seed-flexbox seed-flexbox-align-center circle-name-wrap">
          <span class="item-circle-name seed-flexbox-item">{{circle.circleName }}</span>
          <em class="icon" *ngIf=" circle.isHot == 2 "></em>
        </span>
      <span class="circle-intro blocks">{{circle.summarize }}</span>
      <span class="join-circle" *ngIf="circle.createUserId === userId&&!circle.selfCircle" ><i>{{circle?.members}}</i>人加入圈子</span>
    </div>

    <div class="circle-join seed-flexbox seed-flexbox-align-center" *ngIf="showButton">
      <button (click)="postJoinCircle(circle.circleId, i) ">{{ circleList[i].myJoin ?'退出':'＋加入'}}</button>
    </div>
  </div>
</div>
